<!DOCTYPE table PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form"%>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<html>
<head>
	<title>
		Compare ProDiags Schedule
	</title>
  <link href="css/assetReg.css" rel="stylesheet" type="text/css">
  <link href="css/calendar.css" rel="stylesheet" type="text/css">
  <script src="js/jquery-1.7.2.min.js" type="text/javascript"></script>
  <script language="javascript" type="text/javascript" src="js/calendar.js"></script>
  <script type="text/javascript">
     function cal_processing(ele){
        displayCalendar(ele,'dd/mm/yyyy',ele);
      }
     function validateSearch(){
       if($('#type').val()==-1){
         alert("Please select a search type.");
         return false;
       }
     }
   </script> 
</head>
<body>
<h2 align="center">Compare ProDiags Schedule</h2>
<br/>
<div align="center" >
<table border="0" cellpadding="1" cellspacing="1" width="100%" bgcolor="#000000">
    	<tbody><tr bgcolor="#FFFFFF">
<th class="PrdEnvTitle" colspan="7" align="center" bgcolor="#6875A3">Development: olc-app-dvl-02</th>
</tr>
<tr bgcolor="#FFFFFF">
<th class="stdSmallerHeader_white" colspan="7" align="center" bgcolor="#6875A3"> Device Name: LXBAY14ANET</th>
</tr>
<tr bgcolor="#FFFFFF">
<th class="stdSmallerHeader_white" colspan="7" align="center" bgcolor="#6875A3"> Asset Type: MR Magnet Monitor LCC_HM</th>
</tr>
<tr bgcolor="#FFFFFF" style="height:44px">
<th bgcolor="#FFFFFF" align="center" colspan="7" class="stdDarkBlueBold">
<form:form commandName="scheduleBean"  action="compareSchedules.htm" method="post" onsubmit="return validateSearch()">

<b> Search Type  :</b> 
<form:select path="type">
	<form:option value="-1">--Select--</form:option>
	<form:option value="systemid">System Id</form:option>
	<form:option value="modeltype">Model Type</form:option>
</form:select>
<b>Date Range &nbsp;</b>&nbsp;<input type="text" onclick="cal_processing(this)">&nbsp;<b>&nbsp;To&nbsp;</b>
&nbsp;<input type="text"  onclick="cal_processing(this)">
<input type="submit" value="Search" >
<br/>
</form:form>
</th>
</tr>
<tr bgcolor="#FFFFFF">
<th class="stdDarkBlueBold" colspan="7" align="center" bgcolor="#C8CEE2"> Group: EUR</th>
</tr>
  <tr  align="center" bgcolor="#C8CEE2">      
      <th>
        Task Name
      </th>
      <th>
        Updated On
      </th>
      <th>
        Day
      </th>
      <th>
        Hour
      </th>
      <th>
        Minutes
      </th>
  </tr>
  <tr bgcolor="#FFFFFF">
	<th class="stdSmallerHeader_white" colspan="7" align="center" bgcolor="#6875A3">&nbsp; </th>
</tr> 
  <c:forEach items="${compareSchedules }" var="schedule">
    <tr  align="center" bgcolor="#dcdcdc">
      <td>
        ${schedule.taskName}
      </td>
      <td>
        ${schedule.timestamp}
      </td>
      <td>
        ${schedule.day}
      </td>
	  <td>
        ${schedule.hour}
      </td>
      <td>
        ${schedule.minute}
      </td>
    </tr>
     </c:forEach>
  </table>
  </div>
<div style="clear:both;"></div>
</body>
</html>
  

 